<div class="tree-contain animate-time" [ngClass]="{'right-full':isActive, 'right-off':!isActive }">
	<ip-rule-tree (tree)="table._table()" (nodeSelect)="table._table()"></ip-rule-tree>
</div>
<div class="has-tree right-product right-full animate-time mr-60"	[ngClass]="{ 'right-full': isActive , 'right-off': !isActive }">
	<div class="list-contain center-back right-back">

		<app-breadcrumb [breadcrumbInfo]="{ 'secondLevel' : '开放平台管理', 'threeLevel' : 'IP规则管理' }"></app-breadcrumb>

		<div class="container-fluid institution-container-fluid">

			<div class="info-center">

				<!-- 操作 BEGIN -->
					<div class="button-group">
						<button type="button" 
								class="btn btn-default" 
								data-toggle="modal"	
								data-target="#newlyAdded"
								*ngIf="right['ip-rule']['create']"
								[disabled]="ipRule.isDisable"
								(click)="initService._init(1)"
								>
							<span class="glyphicon glyphicon-plus"></span> 新增
						</button>

						<button type="button" 
								class="btn btn-default btn-md yellow"	
								data-toggle="modal" 
								data-target="#delete" 
								*ngIf="right['ip-rule']['batchDelete']"
								[disabled]="removeTableService?._isEmpty()"
								>
							<span class="glyphicon glyphicon-trash"></span> 批量删除
						</button>

						<!-- 检索 BEGIN -->
							<div class="input-group pull-right search-width " *ngIf="right['ip-rule']['query']">
								<input type="text" 
									   class="form-control search-input" 
									   placeholder="请输入规则名称" 
									   (keydown.enter)="_retrieval(queryCriteria.value)"
									   #queryCriteria="ngModel"
									   ngModel
									   >
								 <span class="input-group-addon search-btn" 
									   (click)="_retrieval(queryCriteria.value)"
									   > 
									 <img src="../assets/right-product/search.png">检索
								</span>
							</div>
						<!-- 检索 END -->

					</div>
				<!-- 操作 END -->

				
				<!-- 表格 BEGIN -->
				<div class="contain">
					<ip-rule-table #table></ip-rule-table>
				</div>	
				<!-- 表格 END -->
					
			</div>
			<div class="info-bottom">
				<!-- 分页 BEGIN -->
					<app-pagination [getTotalItems]="table.total" 
									(isLoadTableFromPagination)="_pagination($event)"
									>
					</app-pagination>
				<!-- 分页 END -->
			</div>

		</div>
	</div>
</div>


<!-- 新增 BEGIN -->
	<ip-rule-newly-added #add (onSubmit)="table._table()"></ip-rule-newly-added>
<!-- 新增 BEGIN -->

<!-- 删除 BEGIN -->
	<ip-rule-delete (delete)="table._table()"></ip-rule-delete>
<!-- 删除 BEGIN -->